<template>

<router-view v-slot="{ Component }">
  <keep-alive>
    <component :is="Component" />
  </keep-alive>
</router-view>


    <van-tabbar route v-model="active" inactive-color="#666" :active-color="baseColor">
        <van-tabbar-item replace to="/home">
            <span>资讯 </span>
            <template #icon="props">
                <van-icon name="bag-o" />
            </template>
        </van-tabbar-item>
        <van-tabbar-item replace to="/video">
            <span>视频</span>
            <template #icon="props">
                <van-icon name="service-o" />
            </template>
        </van-tabbar-item>
        <van-tabbar-item replace to="/my">
            <span>我的</span>
            <template #icon="props">
                <van-icon name="comment-o" />
            </template>
        </van-tabbar-item>


    </van-tabbar>


</template>


<script setup >
import { ref ,toRefs} from 'vue';

const active = ref(0);

</script>
<script>
export default {
	name:"index"
}	
</script>
<style></style>